//less里的变量
//定义一个变量 通过@符号
@w:100px;
@h:100px;
@b:1px solid red;
.box{
    width:@w;
    height:@h;
    border:@b;
}

//1.如果 变量作为css名称 需要使用@{变量名
    @myname:.box2;
    @{myname}{
        width: 100px;
        height: 100px;
    }


    //2.变量的运算
    //运算的2边至少需要有一个有单位的变量,那么less会自动加上单位
    @a:10px;
    @b:20px;
    .box3{
        width: @a+@b;
    }
//减法需要空格
    @c:20px;
    @d:10px;.box4{
        width: @a - @b;
    }
//乘法
    @e:10px;
    @f:10px;
    .box5{
        width: @e*@f;
    }
/*除法需要加小括号  */
    @g:100px;
    @h:10px;
    .box6{
        width: (@g/ @h);
    }